// pages/msg/msg.js
import { getMsg } from "../../apis/msg"
Page({
    /**
     * 页面的初始数据
     */
    data: {
        show:false,
        screenWidth:"",
        message:"",
        msgList:[]
    },
    //页面跳转
    jumpUserMsg:function(e){
        //console.log(e.currentTarget.dataset.smile)
        //关闭所有页面跳转到某个页面
        // wx.reLaunch({
        //   url: '/second_pages/msg/user_msg/user_msg',
        // })
        //保留当前页面跳转到某个页面
        wx.navigateTo({
          url: '/second_pages/msg/user_msg/user_msg',
          success: function(res) {
            // 通过eventChannel向被打开页面传送数据
            res.eventChannel.emit('userMsg', e.currentTarget.dataset.smile)
          }
        })
    },
    delMsgItem(obj){
        //console.log("我被子组件调用了",obj.detail);
        //通过调用filter去过滤数据
        var newMsgList = this.data.msgList.filter((p)=>{
            //判断id是否相等
            if(p.id == obj.detail){//如果相等就删除
                return false;//为false是移除数据
            }else{
                return true;
            }
        })
        //替换新数据
        this.setData({
            msgList:newMsgList
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) { 
        getMsg().then(res =>{
          console.log(res);
          this.setData({
            msgList:res.data
          })
          
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        // 获取设备信息
        wx.getSystemInfo({
          success: (result) => {
              this.setData({
                  screenWidth:result.screenWidth
              })
          },
        })
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        // 延时 等列表渲染完成才开始动画
        setTimeout(()=>{
            this.setData({
                show:true
            })
        },1000)
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})